<div id="projectRepoManagers">
    <nz-table [nzData]="reposmanagers" nzSize="small" #listrepos>
        <thead>
            <tr>
                <th nzWidth="400px">Name</th>
                <th nzWidth="50px"></th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let r of listrepos.data">
                <td>
                    {{r.name}}
                    <span *ngIf="r.created_by !== ''"> - {{ 'project_repoman_created_by' | translate
                        }}{{r.created_by}}</span>
                    <span *ngIf="r.auth && r.auth.username && r.auth.username !== ''"> - User:
                        {{r.auth.username}}</span>
                    <span *ngIf="r.auth && r.auth.sshUsername && r.auth.sshUsername !== ''"> - SSH User:
                        {{r.auth.sshUsername}}</span>
                    <span *ngIf="r.auth && r.auth.sshKeyName && r.auth.sshKeyName !== ''"> - SSH Key:
                        {{r.auth.sshKeyName}}</span>
                </td>
                <td class="rightAlign">
                    <app-project-repomanager-form [vcsProjectName]="r.name"
                        [project]="project"></app-project-repomanager-form>
                </td>
            </tr>
        </tbody>
    </nz-table>
</div>